<template>
  <div id="tips-view">
    <div class="container tips" style="margin-top: 16px; margin-bottom: 50px; padding: 0px;">

    <a class="ad" href="#" target="_blank">
      <img src="../../static/images/course_ad.png" >
      <button class="close-btn hide"></button>
    </a>

    <div class="tips-toolbar clearfix">
      <div class="button-group pull-left">
        <a href="" class="btn active">全部</a>
        <a href="" class="btn">icon&nbsp;&nbsp;教你瘦</a>
        <a href="" class="btn">icon&nbsp;&nbsp;教你吃</a>
        <a href="" class="btn">icon&nbsp;&nbsp;FITSTART TV</a>
      </div>
      <div class="search input-group pull-right">
        <input type="text" class="form-control" placeholder="马甲线/腹肌/瘦腿">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button">Go!</button>
        </span>
      </div>
    </div>

    <ul class="tips-list list clearfix">
      
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>

      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>

      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>

      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>
      <li class="item">
        <div class="tips-item">
          <img src="../../static/images/idea-1.png" alt="">
          <div class="title">每天8分钟，给你好身材</div>
          <a href="" class="tips-link"></a>
        </div>
      </li>

    </ul>

    </div>
  </div>
</template>

<style>
@import '../../static/styles/tips.css';
</style>
